<%--
  Author: chengwei
  Date: 2016/3/15
  Time: 11:26
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="st" tagdir="/WEB-INF/tags"%>
<st:page>
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;">
    <form id="frm"  method="post"  action="/login.action?act=do_login" onsubmit="return onSubmit();">
        用户名:<input name="username" id="username" class="easyui-textbox" type="text" data-options="iconCls:'icon-man'" style="width:300px"><br/>
        密　码:<input name="password" id="password" class="easyui-textbox" type="password" data-options="iconCls:'icon-lock'" style="width:300px"><br/>
        验证码:<input name="check_code" id="check_code"  class="easyui-textbox" type="text" data-options="iconCls:'icon-man'" style="width:300px">
        <img id="check_code_img"  src="/check/code.action" />
        <a href="javascript:void (0);" onclick="changeCheckCode();">看不清,换一张</a><br/>
        <a href="#" onclick="doSubmit();" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">登录</a>
    </form>
    </div>
    <script>
        function doSubmit() {
            var frm = $('#frm');
            frm.submit();
        }

        function onSubmit() {
            if (!$("#username").val()) {
                $.messager.alert('提示', '请输入用户名!');
                return false;
            }

            if (!$("#password").val()) {
                $.messager.alert('提示', '请输入密码!');
                return false;
            }

            if (!$("#check_code").val()) {
                $.messager.alert('提示', '请输入验证码!');
                return false;
            }
            return true;
        }

        //            if (!$("#username").val) {
        //                $.messager.alert('提示', '请输入用户名!');
        //                changeCheckCode();
        //                return false;
        //            }
        //
        //            if (!$("#password").val) {
        //                $.messager.alert('提示', '请输入密码!');
        //                changeCheckCode();
        //                return false;
        //            }
        //
        //            if (!$("#check_code").val) {
        //                $.messager.alert('提示', '请输入验证码!');
        //                changeCheckCode();
        //                return false;
        //            }

        function changeCheckCode() {
            $("#check_code_img").attr("src", "/check/code.action?t=" + Math.random());
        }
    </script>
</st:page>